<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- message的作用范围是在id选择器的内部 -->
		<!-- <div id="app">
			{{message}}
			<li>
				{{message}}
			</li>
		</div> -->
		<p id="app">{{message}}</p>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script>
			// id选择器与类选择器以及通配符选择器都可以使用vue
			// 除了div其他标签也能使用vue,但是body标签不能使用
			var app = new Vue({
				//el:'#app',
				el:"#app",
				data:{
					message: "vue练习"
				}
			})
		</script>
	</body>
</html>
